<!-- 核销记录 -->
<template>
	<view class="pages relative">
		<view class="msck" v-if="filterShow"></view>
		<!-- 顶部 -->
		<view class="pages-top bgc-w boxShadow">
			<!-- 顶部导航 -->
			<!-- <g-pages-tab class="pages-tab bgc-w" :list="pagesTab" :index='ptIndex' @change="changePagesTab" /> -->
			<view class="pages-top-item row-box">
				<p-search style="height: 72rpx;flex: 1;" />
				<view class="fcc ml-20" @click="filterShow=!filterShow">
					<image src="<image src="/static/images/common/icon-1.png" mode="scaleToFill" class="filter-icon"></image>" mode="scaleToFill" class="filter-icon"></image>
					<text class="fc-3 fs-sm">筛选</text>
				</view>
			</view>
			<!-- 筛选框 -->
			<view class="filter-popup-box static bgc-w p-20" v-if="filterShow">
				<!-- <view class="filter-popup-item relative  mt-20">
					<view class="fc-3 fw-6 mb-10">
						按时间选择
					</view>
					<p-time-tab :list="timeList" :index='timeIndex' type='grid' bgcolor='#F4F4F4' />
				</view> -->
			</view>
		</view>

		<!-- 内容 -->
		<view class="pages-list-box relative pt-20" v-if="pagesLists&&pagesLists.length">
			<view class="pages-card ml-30 mb-20" v-for="(item,index) in pagesLists" :key='index'
				@click="$fn.toPages('/pages/help/details')">
				<view class="title fw-6 fc-0">
					为什么群拉人到达条件后没有收到佣金收益?
				</view>
				<view class="row-box ">
					<view class="time ">
						2025/03/18 11:17:50
					</view>
					<view class="subscribe flex align-items-center">
						<text class="iconfont fs-lg">
							&#xe8bf;
						</text>
						<text class=" fs-sm ml-10">
							178518
						</text>
					</view>
				</view>
			</view>
		</view>
		<view class="pages-list-box relative" v-else>
							<u-empty mode="data" icon="/static/images/common/no_data.png"></u-empty>

		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				filterShow: false,
				timeIndex: 0,
				ptIndex: 0,
				pagesLists: [1, 1, 1],
			};
		},
		onLoad() {},
		methods: {
			onDetails(val) {
				console.log('去详情', val)
			},
			changePagesTab(index) {
				this.ptIndex = index
			},

		},
		computed: {
			timeList() {
				return [{
					title: '全部'
				}, {
					title: '今日'
				}, {
					title: '昨日'
				}, {
					title: '本周'
				}, {
					title: '本月'
				}, {
					title: '近半年'
				}, {
					title: '近一年'
				}, {
					title: '自定义'
				}, ]
			},
			pagesTab() {
				return [{
					title: '综合'
				}, {
					title: '交易'
				}, {
					title: '顾客'
				}, {
					title: '社群'
				}]
			},
		}
	}
</script>

<style lang="scss" scoped>
	.static {
		position: static;
	}

	.pages-top {
		width: 750rpx;
		padding: 0 30rpx;
		position: sticky;
		top: 0;
		z-index: 3;

		.pages-top-item {
			height: 100rpx;
			margin: 0 auto;
		}
	}

	.filter-icon {
		width: 48rpx;
		height: 48rpx;
	}

	.filter-popup-box {
		// position: relative;
		top: 200rpx;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.msck {
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 2;
		background-color: rgba(0, 0, 0, 0.5);
	}

	.pages-list-box {
		z-index: 1;
	}
</style>